html, body {height:100%;}
body, div, ul, li {margin:0;padding:0;}
ul {list-style:none outside none;}


.player_wrap {position:absolute;top:50%;left:50%;margin-top:-40px;margin-left:-206px;}
.inter_face {width:378px;height:40px;background-color:#EEE;border:1px solid #009be3;padding:20px;}
.inter_face li {float:left;}

.player_control {display:block;width:28px;height:28px;text-indent:-9999em;background:url(../images/player_skin.jpg) no-repeat 0 -83px;margin-top:6px;}
.play {width:40px;height:40px;background-position:0 0;margin-top:0;}
.play:hover {background-position:-41px 0;}
.pause {width:40px;height:40px;background-position:0 -42px;margin-top:0;}
.pause:hover {background-position:-41px -42px;}
.prev {background-position:0 -112px;}
.prev:hover {background-position:-29px -112px;}
.next {background-position:0 -141px;}
.next:hover {background-position:-29px -141px;}
.stop {background-position:0 -83px;margin-left:10px;}
.stop:hover {background-position:-29px -83px;}

/* 进度条 */
.progress_wrap {width:132px;}
.progress {margin:13px 0 0 10px;width:122px;height:15px;position:relative;}
.progress .load_bar,
.progress .play_bar {height:15px;position:absolute;top:0;left:0;background:url(../images/player_skin.jpg) no-repeat 0 -202px;}
.progress .play_bar {background-position:0 -218px;}
.time {margin-left:10px;font:0.64em Verdana,Arial,sans-serif;line-height:1.6;}
.total_time {float:right;}

/* 音量 */
.volume_wrap {width:90px;margin-left:10px;}
.volume_min,
.volume_max,
.volume_bar, 
.volume_value {float:left;background:url(../images/player_skin.jpg) no-repeat;text-indent:-9999em;}
.volume_min,
.volume_max {width:18px;height:15px;margin-top:13px;}
.volume_min {background-position:0 -170px;}
.volume_min:hover {background-position:-19px -170px;}
.volume_max {background-position:0 -186px;margin-left:8px;}
.volume_max:hover {background-position:-19px -186px;}
.volume_bar {width:46px;height:5px;background-position:0 -250px;margin-top:18px;}
.volume_value {height:5px;background-position:0 -256px;}

/* 播放列表 */
.play_list {width:378px;border:1px solid #009be3;margin-top:-1px;background-color:#ccc;font:0.72em Verdana,Arial,sans-serif;padding:0 20px;}
.play_list li {border-bottom:1px solid #eee;padding:0 10px;height:28px;line-height:28px;}
.play_list li.play_current {list-style-type:square;list-style-position:inside;}
.play_list li.last {border-bottom:none;}
.play_list li a {color:#666;text-decoration:none;}
.play_list li.play_current a {color:#0D88C1;}

/* 遮罩层 */
.cover {position:absolute;z-index:2147483646;top:0;left:0;right:0;bottom:0;background-color:#000\9;background-color:rgba(0, 0, 0, 0.6);background-color:#000\0/;}

/* 拖拽区域 */
.drop {width:426px;height:140px;background-color:#eee;position:absolute;z-index:2147483647;top:50%;left:50%;margin-top:-70px;margin-left:-210px;
	font:700 38px "微软雅黑",Verdana,Arial,sans-serif;color:#009be3;text-align:center;line-height:140px;
	border-radius:10px;box-shadow:3px 3px 5px #333;border:5px solid #999;}




